NEW FEATURES: Drop Zone, Layout Builder, Window Background Blur #4441

Wanna-Pizza · 2024-11-28T15:41:12Z

Description

New Feature: Layout Builder

Allows to know size,position of widget.

New Feature: DropZone

DropZone - widget that must have child widget (ft.Container as example) to drop files inside of it.

New Feature: WIndow Bacgkround Blur

Adding nice transparency effect to your Flet App.

Motivation

Such functionality should be by default in Flet. Such as DropZone, or LayoutBuilder, for building more complex interfaces. Acrylic - to make it look beautiful ;)

Knows Problem

LayoutBuilder may not be built correctly. In terms of, not fully optimized. But you at least have a working example of LayoutBuilder, maybe you should improve it. Because my knowledge of Dart is not good.

Test Code DropZone

import flet as ft

def main(page: ft.Page):
    page.add(
        ft.DropZone(
            content=ft.Container(ft.Text('Drop here!'),width=500,height=500,alignment=ft.alignment.center,bgcolor='red'),
            on_dropped=lambda e: print(f'Dropped: {e.files}'),
            on_entered=lambda e: print('Entered'),
            on_exited=lambda e: print('Exited')
            )
    )
ft.app(target=main)

Test Code Window Blur

import flet as ft

def main(page: ft.Page):
    page.add(ft.Text('Acrylic!'))
    page.bgcolor = 'transparent'
    page.window.bgblur = ft.bgblur.TABBED #ACRYLIC, MICA, TABBED, AERO
    page.update()
    
ft.app(target=main)

Test Code LayoutBuilder

import flet as ft

def main(page: ft.Page):
    page.add(
        ft.LayoutBuilder(
            content=ft.Container(ft.Text('LayoutBuilder'),expand=True,alignment=ft.alignment.center),
            update_size_on_init=True, # will trigger "on_change" at first build.
            expand=True,
            on_change=lambda e: print(e.width,e.height,e.x,e.y)
        
        )
    )
ft.app(target=main)

Type of change

This change requires a documentation update
New feature (non-breaking change which adds functionality)

Checklist

I signed the CLA.
I have performed a self-review of my own code
My changes generate no new warnings
New and existing tests pass locally with my changes

Screenshots

Additional details

Link to these features:
https://pub.dev/packages/desktop_drop
https://pub.dev/packages/flutter_acrylic
https://api.flutter.dev/flutter/widgets/LayoutBuilder-class.html

Summary by Sourcery

Add DropZone, LayoutBuilder, and Window background blur effect controls.

New Features:

Add a DropZone control that accepts dropped files.
Add a LayoutBuilder control that allows to know the size and position of a widget.
Add support for window background blur effect with "mica", "acrylic", "tabbed", "aero", "disabled", and "transparent" options.

CLAassistant · 2024-11-28T15:41:21Z

All committers have signed the CLA.

Wanna-Pizza · 2024-11-30T10:38:11Z

@FeodorFitsner

Could you check it please?

theN1C1 · 2024-11-30T11:17:45Z

дай боб проверят 🙏🙏🙏🙏

zeldridge · 2024-12-03T22:05:08Z

I would love these features added to Flet @FeodorFitsner @ndonkoHenri

FeodorFitsner · 2024-12-03T22:16:27Z

No worries, we are looking into this PR and will provide the feedback.

bleudev · 2024-12-08T18:55:46Z

Wow! It's very good improvements! I'm looking forward to this features will release in next flet version

FeodorFitsner · 2024-12-10T21:09:19Z

Can you give an example of how LayoutBuilder can be used in the app?

FeodorFitsner · 2024-12-11T18:50:25Z

While I like the added functionality in this PR I'd like to see it split into 3 separate PRs for DropZone, LayoutBuilder and acrylic affect. So we can discuss and merge them separately. Now I'm locked into "all or nothing".

Can you do that please?

Wanna-Pizza · 2024-12-11T23:23:58Z

While I like the added functionality in this PR I'd like to see it split into 3 separate PRs for DropZone, LayoutBuilder and acrylic affect. So we can discuss and merge them separately. Now I'm locked into "all or nothing".

Can you do that please?

I don't know. Right now I don't have time on that. Maybe some ppl can separate this repo. Maybe later I will be able to do it. At the moment I am adding everything to one repository to quickly update the flet functionality to my requirements. For this reason I did not make separate repositories.

Wanna-Pizza · 2024-12-11T23:28:07Z

Can you give an example of how LayoutBuilder can be used in the app?

In my case, when I make the application small, I can automatically hide elements that do not fit the small window size.

For example, you have a side menu, and the main viewer of the application. Make it, for example, 500 pixels wide - the left menu is hidden.

No need to use cv anymore. Plus, the widget size can be calculated when the application starts. I think the code is not needed here.

This functionality has long been available in other frameworks. As in flutter by default.

Previously, to calculate the size of an element that was added using expand - you had to change the window size to understand the size of the element. Now everything is much simpler.

FeodorFitsner · 2024-12-12T00:32:09Z

OK, got it. No worries. Thanks for the notes about LayoutBuilder.

nshout · 2025-01-05T03:43:28Z

I don't know. Right now I don't have time on that. Maybe some ppl can separate this repo. Maybe later I will be able to do it. At the moment I am adding everything to one repository to quickly update the flet functionality to my requirements. For this reason I did not make separate repositories.

Sure, I can attempt it shortly. Would love to see this pushed.

"all or nothing"

Thanks a lot @FeodorFitsner.

Wanna-Pizza added 6 commits October 30, 2024 19:27

update 9 files

1502665

update layout_builder.dart and layout_builder.py

f47f9b1

update 9 files

9b8937f

update 15 files

14d73b3

update layout_builder.py

13177ed

update layout_builder.dart and layout_builder.py

35d76e0

Wanna-Pizza changed the title ~~Dop Zone, Layout Builder, Window Background Blur~~ NEW FEATURES: Drop Zone, Layout Builder, Window Background Blur Nov 28, 2024

Wanna-Pizza and others added 7 commits November 28, 2024 18:47

Merge branch 'main' into main

305aa68

Update desktop.dart

4f3156c

update 9 files

de2d87e

Merge branch 'flet-dev:main' into main

7d309e3

chore: update pubspec.yaml and pubspec.yaml

af29c53

Merge branch 'main' of https://github.com/Wanna-Pizza/flet

232a812

Merge branch 'main' into main

d1e31d2

Wanna-Pizza marked this pull request as draft December 13, 2024 15:58

Correcting LayoutBuilder

d3efd7a

Wanna-Pizza marked this pull request as ready for review December 16, 2024 23:06

Wanna-Pizza marked this pull request as draft December 16, 2024 23:06

Merge branch 'main' into main

90fc434

Wanna-Pizza marked this pull request as ready for review January 11, 2025 18:17

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

NEW FEATURES: Drop Zone, Layout Builder, Window Background Blur #4441

NEW FEATURES: Drop Zone, Layout Builder, Window Background Blur #4441

Wanna-Pizza commented Nov 28, 2024 •

edited by sourcery-ai bot

Loading

CLAassistant commented Nov 28, 2024 •

edited

Loading

Wanna-Pizza commented Nov 30, 2024

theN1C1 commented Nov 30, 2024

zeldridge commented Dec 3, 2024

FeodorFitsner commented Dec 3, 2024

bleudev commented Dec 8, 2024

FeodorFitsner commented Dec 10, 2024

FeodorFitsner commented Dec 11, 2024

Wanna-Pizza commented Dec 11, 2024

Wanna-Pizza commented Dec 11, 2024 •

edited

Loading

FeodorFitsner commented Dec 12, 2024

nshout commented Jan 5, 2025

NEW FEATURES: Drop Zone, Layout Builder, Window Background Blur #4441

Are you sure you want to change the base?

NEW FEATURES: Drop Zone, Layout Builder, Window Background Blur #4441

Conversation

Wanna-Pizza commented Nov 28, 2024 • edited by sourcery-ai bot Loading

Description

New Feature: Layout Builder

New Feature: DropZone

New Feature: WIndow Bacgkround Blur

Motivation

Knows Problem

Test Code DropZone

Test Code Window Blur

Test Code LayoutBuilder

Type of change

Checklist

Screenshots

Additional details

Summary by Sourcery

CLAassistant commented Nov 28, 2024 • edited Loading

Wanna-Pizza commented Nov 30, 2024

theN1C1 commented Nov 30, 2024

zeldridge commented Dec 3, 2024

FeodorFitsner commented Dec 3, 2024

bleudev commented Dec 8, 2024

FeodorFitsner commented Dec 10, 2024

FeodorFitsner commented Dec 11, 2024

Wanna-Pizza commented Dec 11, 2024

Wanna-Pizza commented Dec 11, 2024 • edited Loading

FeodorFitsner commented Dec 12, 2024

nshout commented Jan 5, 2025

Wanna-Pizza commented Nov 28, 2024 •

edited by sourcery-ai bot

Loading

CLAassistant commented Nov 28, 2024 •

edited

Loading

Wanna-Pizza commented Dec 11, 2024 •

edited

Loading